<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>属性</title>
    <style>
        p{
            font-size: 35px;
            color: red;
            text-align: center;
            line-height: 10;
            /*
              border边框
             */
            border: 1px solid red;
        }
           div{
               border: 2px solid red;
               /*
               尺寸
                */
               height: 200px;
               width: 200px;

               background: url("image02/pic.5.jpg") no-repeat center;
           }
    </style>
</head>
<body>
    <!--css属性:
         1:字体,文本
           *font-size:字体大小
           *color:文体颜色
           *text-align:对齐方式
           *line-height:行高
         2:背景
         3:边框
            * border:设置边框,符合属性
         4:尺寸
            * width:宽度
            * height:高度
         5:盒子模型-->

<p>灰太狼和红太狼</p>
<div>懒洋洋喜欢吃烧烤</div>
</body>
</html>